<template>
	<view class="container">
		<view class="putitem pt-30">
			<view class="putUser size-26 plr-20">
				<view class="userInfo flex">
					<view class="flex flex-start">
						<image :src="info.user_portrait" ></image>
						<view class="">{{info.username}}</view>
					</view>
					<view class="putTime">{{info.time}}</view>
				</view>
				<view class="putCont plr-60 ptb-20">
					<view class="">{{info.putcont_val}}</view>
					<view class="imagearr mt-20">
						<image :src="info.putcont_img" mode="widthFix"></image>
					</view>
				</view>
			</view>
			<view class="official ptb-30">
				<image src="../../static/market/zi.png" mode="widthFix"></image>
				<view class="replybox">
					官方回复：{{info.reply}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:''
			}
		},
		onLoad(options) {
			// {user_portrait:'../../static/ali.png',username:'匿名用户',putcont_val:'这个是真的吗',putcont_img:'../../static/market/rumor.jpg',time:'2022-10-15  19:03',reply:'假,每当平台欣欣向荣的时候，总会出现诋毁的声音，望大众用户擦亮眼睛不信谣不传谣。'},
			console.log(JSON.parse(options.item));
			this.info = JSON.parse(options.item)
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.container{
	width: 100%;
	.putitem{
		.putUser{
			border-bottom: 1rpx solid rgb(227, 227, 227);
			padding-bottom: 200rpx;
			.userInfo{
				color: #999;
				image{
					width: 40rpx;
					height: 40rpx;
					margin-right: 20rpx;
				}
			}
			.putCont{
				.imagearr{
					overflow: hidden;
					position: relative;
				}
			}
		}
		.official{
			width: 100%;
			position: fixed;
			bottom: 0;
			background-color: rgb(255, 238, 230);
			border-top: 1rpx solid rgb(223, 97, 46);
			z-index: 999;
			display: flex;
			image{
				width: 40rpx;
				height: 40rpx;
				margin: 0 20rpx;
			}
			.replybox{
				width: 100%;
				border: 1rpx solid red;
				color: rgb(223, 97, 46);
			}
			
		}	
		
	}
}
</style>
